.light div::-webkit-scrollbar-track {
    background: rgba(82, 82, 82, 0.15); 
}

.light div::-webkit-scrollbar-thumb {
    background: #b8b8b8;
}

.light div::-webkit-scrollbar-thumb:hover {
    background: var(--chun-primary-color);
}

.light .doc-previewer { background-color: #fff !important;}

.light .title_nav {
    border-left: 1px solid #ccc;
}

.light .title_nav p a {
    color: rgb(49, 49, 49);
}

.light .title_nav p a:hover {
    color: var(--chun-primary-color);
}

.light .site-layout-sub-header-background,
.light .site-layout-background,
.light .ant-layout-sider,
.light .ant-layout-header,
.light .ant-layout {
    background: var(--light-bg);
}

.light .ant-layout-sider {
    border-right: 1px solid var(--chun-gray-2); 
  }

.light #header .ant-input-affix-wrapper {
    background-color: #e0e0e0;
    color: rgb(66, 66, 66);
}


.light .ant-input[readonly] { background-color: #eee;}
.light #header .ant-input-affix-wrapper .ant-input::placeholder {
    color: rgb(66, 66, 66);
}

.light .ant-layout-header {
    border-bottom: 1px solid var(--chun-gray-2);
}

.light .ant-layout-footer {
    background-color: var(--light-footer-bg);
}

.light .ant-switch {
    background-color: var(--chun-gray-1);
}

.light .cherry-previewer blockquote {
    border-color: #D6DBDF;
    background: none repeat scroll 0 0 rgba(102, 128, 153, .05);
}

.light .cherry-previewer table tbody>tr:nth-child(2n+1)>td,
.light .cherry-previewer table tbody>tr:nth-child(2n+1)>th {
    background-color: #efefef;
}

.light .cherry-previewer table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #D6DBDF;
}

.light .cherry-previewer th {
    font-weight: bold;
}

.light .cherry-previewer td,
.light .cherry-previewer th {
    padding: 5px;
    border: 1px solid #D6DBDF;
}

.light .cherry-previewer .info p,
.light .cherry-previewer .error p,
.light .cherry-previewer .success p,
.light .cherry-previewer .warning p {
    color: #000;
}

.light .cherry-previewer .info {
    background-color: #fefefe;
    border-color: var(--chun-info-color);
    color: var(--chun-info-color);
}

.light .cherry-previewer .error {
    background-color: #ffebec;
    border-color: var(--chun-error-color);
    color: var(--chun-error-color);
}

.light .cherry-previewer .success {
    background-color: #e6f6e6;
    border-color: var(--chun-success-color);
    color: var(--chun-success-color);
}

.light .cherry-previewer .warning {
    background-color: #fff8e6;
    border-color: var(--chun-warning-color);
    color: var(--chun-warning-color);
}

.light .toprightNavHover {
    color: #000;
}

.light .toprightNavHover:hover {
    color: var(--chun-primary-color);
}

.light .totop {
    background-color: rgba(7, 7, 7, 0.555);
    color: rgb(254, 254, 254);
}
.light #footer span { color: #eeeeee;}

.light .search_result ul li { background-color: #fff;}
.light .search_result ul li h2 span { }
.light .search_result ul li p {color: #666;}
.light .search_result ul li .searched {color: var(--chun-primary-color);}  
.light .search_result ul li:hover {background-color:var(--chun-primary-color);}
.light .search_result ul li:hover h2,.light .search_result ul li:hover p,.light .search_result ul li:hover .searched { color: #fff;}
/* ant */
.light .ant-modal-header,.light .ant-modal-content { background-color: rgb(247, 247, 247);}
.light .ant-menu-vertical .ant-menu-item::after,
.light .ant-menu-vertical-left .ant-menu-item::after,
.light .ant-menu-vertical-right .ant-menu-item::after,
.light .ant-menu-inline .ant-menu-item::after {
    border-right: 3px solid var(--chun-primary-color);
}

.light .ant-menu-light .ant-menu-item:hover,
.light .ant-menu-light .ant-menu-item-active,
.light .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.light .ant-menu-light .ant-menu-submenu-active,
.light .ant-menu-light .ant-menu-submenu-title:hover,
.light .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,
.light .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
    color: var(--chun-primary-color);
}

.light .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #e6f7ff;
}

.light .ant-menu-item-selected a,
.light .ant-menu-item a:hover,
.light .ant-menu-item-selected a:hover,
.light .ant-menu-submenu-selected {
    color: var(--chun-primary-color);
}